<template>
  <div class="dynamicTable">
    <div class="tableTitle clearFix">
      <div class="btnLeft" >
        <dropdown multiple :data="group" grouped :cbChanged="dynChanged" placeholder="过滤 "></dropdown>
        <el-button @click="contrastJump" :disabled="getLength" type="danger" class="topBtn">设备对比</el-button>
      </div>
      <div class="pagination-container pageRight ">
        <el-pagination
          @current-change="CurrentChange"
          @size-change="SizeChange"
          :page-sizes="[10, 20, 50]"
          background layout="total, sizes, prev, pager, next"
          :page-size="20"
          :total="total">
        </el-pagination>
      </div>
    </div>
    <div class="dynamicContent">
      <el-table
        :data="tableData"
        border
        stripe border fit highlight-current-row
        style="width: 100%; max-height: 826px; overflow-y: auto"
        height="826"
        @sort-change='sortChange'
        @select="getSelectLength"
        @row-click="rowClick"
        :header-cell-style="{background:'#f7f8f9',height: '20px',padding:'5px 0px'}"
      >
        <el-table-column
          type="selection"
          align="center"
          width="30px"
        >
        </el-table-column>
        <el-table-column
          label="备注"
          align="center"
          width="80px"
        >
          <template slot-scope="scope">
            <el-popover
              popper-class="focusPopover"
              placement="bottom-start"
              :visible-arrow="false"
              width="400"
              trigger="click">
              <el-input type="textarea" @focus="inputFocus"  @blur="inputBlur" class="remarkInput" :value="valueShow"></el-input>
              <el-button class="focusBtn" slot="reference">{{scope.row.remarks}}</el-button>
            </el-popover>
          </template>
        </el-table-column>
        <el-table-column
          label="状态"
          align="left"
          width="80px"
          :sortable="true"
        >
          <template slot-scope="scope">
            <span style="background-color: #47af41;" v-if="scope.row.equip_status === '0'" class="statusLevel">正常</span>
            <span style="background-color: #f43b42;" v-if="scope.row.equip_status === '1'" class="statusLevel">停机</span>
            <span style="background-color: #fc8358;" v-if="scope.row.equip_status === '2'" class="statusLevel">告警</span>
            <span style="background-color: #999;" v-if="scope.row.equip_status === '-1'" class="statusLevel">关机</span>
            <span style="background-color: #999;" v-if="scope.row.equip_status === '-2'" class="statusLevel">离线</span>
          </template>
        </el-table-column>
        <el-table-column
          v-for="(column, index) in cols"
          :prop="column.prop"
          :label="column.label"
          :key="index"
          :width="column.width"
          :show-overflow-tooltip="true"
          :sortable="column.sortable"
        >
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
  import axios from 'axios'
  import Bus from '../equipBus'
  // import Dropdown from "../../../../node_modules/hsy-vue-dropdown/src/Dropdown.vue";

  export default {
    data() {
      return {
        group: [
          {
            label: '工作级别',
            children: [{
              label: 'A1',
              value: '0001',
              fatherFor: '工作级别'
            }, {
              label: 'A2',
              value: '0002',
              fatherFor: '工作级别'
            }, {
              label: 'A3',
              value: '0003',
              fatherFor: '工作级别'
            }, {
              label: 'A4',
              value: '0004',
              fatherFor: '工作级别'
            }, {
              label: 'A5',
              value: '0005',
              fatherFor: '工作级别'
            }, {
              label: 'A6',
              value: '0006',
              fatherFor: '工作级别'
            }, {
              label: 'A7',
              value: '0007',
              fatherFor: '工作级别'
            }, {
              label: 'A8',
              value: '0008',
              fatherFor: '工作级别'
            }]
          }, {
            label: '额定起重量',
            children: [{
              label: '小于10吨',
              value: '1',
              fatherFor: '额定起重量'
            }, {
              label: '大于10吨',
              value: '2',
              fatherFor: '额定起重量'
            }]
          }, {
            label: '跨度',
            children: [{
              label: '小于20米',
              value: '1',
              fatherFor: '跨度'
            }, {
              label: '大于20米',
              value: '2',
              fatherFor: '跨度'
            }]
          }, {
            label: '服务时间',
            children: [{
              label: '小于5年',
              value: '1',
              fatherFor: '服务时间'
            }, {
              label: '大于5年',
              value: '2',
              fatherFor: '服务时间'
            }]
          }, {
            label: '生产商',
            children: [{
              label: '广起',
              value: '1',
              fatherFor: '生产商'
            }, {
              label: '泰克力',
              value: '2',
              fatherFor: '生产商'
            }, {
              label: '其他',
              value: '3',
              fatherFor: '生产商'
            }]
          }],
        //
        valueShow: '点击获取备注内容',
        // 查询条件
        cols: [
          { prop: 'customer_name', label: '客户名称', width: '100px', sortable: true },
          { prop: 'name', label: '设备名称', width: '100px', sortable: true },
          { prop: 'equip_cid', label: '出厂编号', width: '115px', sortable: true },
          { prop: 'produce_number', label: '厂内编号', width: '100px', sortable: true },
          //          { prop: 'brand_label', label: '品牌', width: '190px', sortable: true },
          { prop: 'model', label: '设备型号', width: '110px', sortable: true },
          { label: '', width: '180px' },
          { prop: 'work_level', label: '工作级别', width: '100px', sortable: true },
          { prop: 'rated_weight', label: '额定起重量', width: '115px', sortable: true },
          { prop: 'span', label: '跨度', width: '75px', sortable: true },
          { prop: 'delivery_time', label: '服务时间', width: '110px', sortable: true },
          { prop: 'workshop', label: '所在车间', width: '100px', sortable: true },
          { prop: 'install_position', label: '地址', sortable: true },
          { prop: 'manufacturer', label: '生产商', sortable: true },
          { prop: 'industry_type', label: '服务行业', sortable: true }
        ],
        tableData: [],
        indexMethod: '',
        total: 0,
        // 换页
        siteListQuery: {
          page: 1,
          limit: 20,
          importance: undefined,
          title: undefined,
          type: undefined,
          sort: '+id'
        },
        // input焦点
        focusCid: '',
        // 备注
        remarkValue: '',
        // 接受查询数据
        searchFromData: {},
        higherSearchFromData: {},
        // 设备对比
        getLength: true,
        checkEquip: [],
        // 备注接口
        remarkData: {
          access_token: localStorage.getItem('access_token'),
          type: 'equip_remark_add',
          data: {
            cid: '',
            content: ''
          }
        },
        // 备注总览接口
        remarkViewData: {
          access_token: localStorage.getItem('access_token'),
          type: 'equip_remark_get_condition',
          data: {
            condition: {
              cid: ''
            },
            page: {
              page_size: '1',
              page_number: '0'
            }
          }
        },
        // 总览接口
        equipDataTable: {
          access_token: localStorage.getItem('access_token'),
          type: 'equip_get_condition',
          data: {
            condition: {
              work_level_select: [],
              rated_weight_select: [],
              span_select: [],
              delivery_time_select: [],
              manufacturer_select: [],
              industry_type_select: [],
              equip_cid: '',
              produce_number: '',
              name: '',
              equip_status: '',
              model: '',
              type: '',
              brand: '',
              operation_mode: '',
              work_level: '',
              rated_weight_type: '',
              rated_weight: '',
              span_type: '',
              span: '',
              big_car_track_length_type: '',
              big_car_track_length: '',
              whole_rated_power_type: '',
              whole_rated_power: '',
              lifting_height_type: '',
              lifting_height: '',
              big_car_track_model: '',
              produce_date_begin: '',
              produce_date_end: '',
              delivery_time_begin: '',
              delivery_time_end: '',
              next_annual_trial_begin: '',
              next_annual_trial_end: '',
              install_position: '',
              customer_name: '',
              workshop: '',
              manufacturer: '',
              industry_type: '',
              sort_field: 1,
              asc_desc: 2
            },
            page: {
              page_size: '20',
              page_number: '1'
            }
          }
        },
        // 行业类别获取接口
        industryTypeData: {
          access_token: localStorage.getItem('access_token'),
          type: 'equip_get_industry_type'
        }
      }
    },
    mounted() {
      this.dynamicData()
      this.industryType()
      Bus.$on('synSearch', (search) => {
        console.log(search)
        this.searchFromData = search
        this.normalDynamicData()
      })
      Bus.$on('synHigher', (searchData) => {
        console.log(searchData)
        this.higherSearchFromData = searchData
        this.higherDynamicData()
      })
      Bus.$on('synReset', (ResetData) => {
        console.log(ResetData)
        this.dynamicData()
      })
    },
    methods: {
      //      // 进行查询
      //      beginSearch() {
      //        console.log(this.searchFromData)
      //      },
      // 排序数据查看
      sortChange(value) {
        console.log(value)
        let oProp = value.prop
        let propNum = 0
        let propOder = 0
        // console.log(oProp)
        // console.log(value.order)
        if (value.order !== null) {
          if (value.order === 'ascending') {
            propOder = 1
          } else if (value.order === 'descending') {
            propOder = 2
          }
        } else {
          propOder = 0
        }
        if (value.column !== null) {
          if (value.column.label !== '状态') {
            if (oProp !== null) {
              if (oProp === 'name') {
                propNum = 2
              } else if (oProp === 'equip_cid') {
                propNum = 3
              } else if (oProp === 'produce_number') {
                propNum = 4
              } else if (oProp === 'model') {
                propNum = 5
              } else if (oProp === 'work_level') {
                propNum = 6
              } else if (oProp === 'rated_weight') {
                propNum = 7
              } else if (oProp === 'span') {
                propNum = 8
              } else if (oProp === 'delivery_time') {
                propNum = 9
              } else if (oProp === 'workshop') {
                propNum = 10
              } else if (oProp === 'install_position') {
                propNum = 11
              } else if (oProp === 'manufacturer') {
                propNum = 12
              } else if (oProp === 'industry_type') {
                propNum = 13
              } else if (oProp === 'customer_name') {
                propNum = 14
              }
            }
          } else {
            propNum = 1
          }
        }
        console.log(propNum)
        console.log(propOder)
        this.equipDataTable.data.condition.sort_field = propNum
        this.equipDataTable.data.condition.asc_desc = propOder
        axios.post('/equipmanage/v2', this.equipDataTable, {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }).then((res) => {
          this.tableData = res.data.data.items
          this.total = parseInt(res.data.data.page.total)
          // console.log(this.tableData)
          console.log(this.tableData)
        })
          .catch((error) => {
            console.log(error)
          })
      },
      // 获取焦点
      inputFocus() {
        console.log(this.focusCid)
        this.remarkViewData.data.condition.cid = this.focusCid
        axios.post('/equipmanage/remark', this.remarkViewData, {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }).then((res) => {
          console.log(res)
          let oValue = ''
          if (res.data.data.items.length !== 0) {
            oValue = res.data.data.items[0].content
          } else {
            oValue = '无备注内容'
          }
          this.valueShow = oValue
          // console.log(oValue)
          console.log(this.valueShow)
        })
          .catch((error) => {
            console.log(error)
          })
      },
      // 失去焦点
      inputBlur(value) {
        console.log(this.focusCid)
        console.log(value.srcElement._value)
        this.remarkData.data.cid = this.focusCid
        this.remarkData.data.content = value.srcElement._value
        console.log(this.remarkData.data.cid)
        console.log(this.remarkData.data.content)
        if (this.remarkData.data.content !== '' && this.remarkData.data.content !== '无备注内容' && this.remarkData.data.content !== '点击获取备注内容') {
          axios.post('/equipmanage/remark', this.remarkData, {
            headers: {
              'Content-Type': 'application/x-www-form-urlencoded'
            }
          }).then((res) => {
            console.log(res)
          })
            .catch((error) => {
              console.log(error)
            })
        }
      },
      // 跳转对比
      contrastJump() {
        var equipCid = this.checkEquip
        // 设备编号
        window.localStorage.setItem('Cid', equipCid)
        this.$router.push({ path: '/equipManagement/components/contrastTable' })
        console.log(localStorage.getItem('Cid'))
      },
      // 选择对比数据
      getSelectLength(selection) {
        console.log(selection)
        let oCid = []
        for (let i = 0; i < selection.length; i++) {
          oCid.push(selection[i].cid)
          if (oCid.length === 1) {
            this.getLength = false
          } else if (oCid.length > 1) {
            this.getLength = true
            this.$message({
              type: 'error',
              message: '参考设备最多为 1 个'
            })
          }
        }
        this.checkEquip = oCid
        if (oCid.length === 0) {
          this.getLength = true
        }
      },
      // 过滤下拉
      dynChanged(selected) {
        console.log(selected)
        let oLevelId = []
        let oWeightId = []
        let oSpanId = []
        let oDeliveryId = []
        let oManufacturerId = []
        let oIndustryId = []
        for (let i = 0; i < selected.length; i++) {
          if (selected[i].fatherFor === '工作级别') {
            oLevelId.push(selected[i].value)
            console.log(oLevelId)
          } else if (selected[i].fatherFor === '额定起重量') {
            oWeightId.push(selected[i].value)
            console.log(oWeightId)
          } else if (selected[i].fatherFor === '跨度') {
            oSpanId.push(selected[i].value)
          } else if (selected[i].fatherFor === '服务时间') {
            oDeliveryId.push(selected[i].value)
          } else if (selected[i].fatherFor === '生产商') {
            oManufacturerId.push(selected[i].value)
          } else if (selected[i].fatherFor === '服务行业') {
            oIndustryId.push(selected[i].value)
          }
        }
        this.equipDataTable.data.condition.work_level_select = oLevelId
        this.equipDataTable.data.condition.rated_weight_select = oWeightId
        this.equipDataTable.data.condition.span_select = oSpanId
        this.equipDataTable.data.condition.delivery_time_select = oDeliveryId
        this.equipDataTable.data.condition.manufacturer_select = oManufacturerId
        this.equipDataTable.data.condition.industry_type_select = oIndustryId
        axios.post('/equipmanage/v2', this.equipDataTable, {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }).then((res) => {
          this.tableData = res.data.data.items
          this.total = parseInt(res.data.data.page.total)
          // console.log(this.tableData)
          console.log(this.tableData)
        })
          .catch((error) => {
            console.log(error)
          })
      },
      // 换页
      handleSizeChange(val) {
        this.siteListQuery.limit = val
        this.gettableData()
      },
      handleCurrentChange(val) {
        this.siteListQuery.page = val
        this.tableData()
      },
      // 当前页
      CurrentChange(val) {
        this.equipDataTable.data.page.page_number = (val) + ''
        this.dynamicData()
      },
      // 每页显示多少条
      SizeChange(pageSize) {
        this.equipDataTable.data.page.page_size = (pageSize) + ''
        this.dynamicData()
      },
      // 获取行数据
      rowClick(row, event, column) {
        //        console.log(row)
        //        console.log(event)
        //        console.log(column)
        let oCid = row.cid
        this.focusCid = oCid
        if (column.label !== '备注') {
          this.giveCid = row.cid
          this.giveEquipId = row.equip_cid
          Bus.$emit('needCid', this.giveCid)
          Bus.$emit('needEquipId', this.giveEquipId)
          this.$router.push({
            path: '/equipManagement/components/equipoverview',
            query: {
              cid: row.cid,
              equip_cid: row.equip_cid
            }
          })
        }
        this.inputFocus()
      },
      // 普通查询总览
      normalDynamicData() {
        if (this.searchFromData !== {}) {
          this.equipDataTable.data.condition.equip_cid = this.searchFromData.equip_cid
          this.equipDataTable.data.condition.produce_number = this.searchFromData.produce_number
          this.equipDataTable.data.condition.name = this.searchFromData.name
          this.equipDataTable.data.condition.equip_status = this.searchFromData.equip_status
          this.equipDataTable.data.condition.model = this.searchFromData.model
        }
        axios.post('/equipmanage/v2', this.equipDataTable, {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }).then((res) => {
          this.tableData = res.data.data.items
          this.total = parseInt(res.data.data.page.total)
          // console.log(this.tableData)
          console.log(this.tableData)
        })
          .catch(function(error) {
            console.log(error)
          })
      },
      // 高级查询总览
      higherDynamicData() {
        if (this.higherSearchFromData !== {}) {
          this.equipDataTable.data.condition.equip_cid = this.higherSearchFromData.equip_cid
          this.equipDataTable.data.condition.produce_number = this.higherSearchFromData.produce_number
          this.equipDataTable.data.condition.name = this.higherSearchFromData.name
          this.equipDataTable.data.condition.equip_status = this.higherSearchFromData.equip_status
          this.equipDataTable.data.condition.model = this.higherSearchFromData.model
          this.equipDataTable.data.condition.type = this.higherSearchFromData.type
          this.equipDataTable.data.condition.brand = this.higherSearchFromData.brand
          this.equipDataTable.data.condition.operation_mode = this.higherSearchFromData.operation_mode
          this.equipDataTable.data.condition.work_level = this.higherSearchFromData.work_level
          this.equipDataTable.data.condition.rated_weight_type = this.higherSearchFromData.rated_weight_type
          this.equipDataTable.data.condition.rated_weight = this.higherSearchFromData.rated_weight
          this.equipDataTable.data.condition.span_type = this.higherSearchFromData.span_type
          this.equipDataTable.data.condition.span = this.higherSearchFromData.span
          this.equipDataTable.data.condition.big_car_track_length_type = this.higherSearchFromData.big_car_track_length_type
          this.equipDataTable.data.condition.big_car_track_length = this.higherSearchFromData.big_car_track_length
          this.equipDataTable.data.condition.whole_rated_power_type = this.higherSearchFromData.whole_rated_power_type
          this.equipDataTable.data.condition.whole_rated_power = this.higherSearchFromData.whole_rated_power
          this.equipDataTable.data.condition.lifting_height_type = this.higherSearchFromData.lifting_height_type
          this.equipDataTable.data.condition.lifting_height = this.higherSearchFromData.lifting_height
          this.equipDataTable.data.condition.big_car_track_model = this.higherSearchFromData.big_car_track_model
          this.equipDataTable.data.condition.produce_date_begin = this.higherSearchFromData.produce_date_begin
          this.equipDataTable.data.condition.produce_date_end = this.higherSearchFromData.produce_date_end
          this.equipDataTable.data.condition.delivery_time_begin = this.higherSearchFromData.delivery_time_begin
          this.equipDataTable.data.condition.delivery_time_end = this.higherSearchFromData.delivery_time_end
          this.equipDataTable.data.condition.next_annual_trial_begin = this.higherSearchFromData.next_annual_trial_begin
          this.equipDataTable.data.condition.next_annual_trial_end = this.higherSearchFromData.next_annual_trial_end
          this.equipDataTable.data.condition.install_position = this.higherSearchFromData.install_position
          this.equipDataTable.data.condition.customer_name = this.higherSearchFromData.customer_name
          this.equipDataTable.data.condition.workshop = this.higherSearchFromData.workshop
          this.equipDataTable.data.condition.manufacturer = this.higherSearchFromData.manufacturer
          this.equipDataTable.data.condition.industry_type = this.higherSearchFromData.industry_type
        }
        axios.post('/equipmanage/v2', this.equipDataTable, {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }).then((res) => {
          this.tableData = res.data.data.items
          this.total = parseInt(res.data.data.page.total)
          // console.log(this.tableData)
          console.log(this.tableData)
        })
          .catch(function(error) {
            console.log(error)
          })
      },
      // 总览接口
      dynamicData() {
        this.equipDataTable.data.condition.equip_cid = ''
        this.equipDataTable.data.condition.produce_number = ''
        this.equipDataTable.data.condition.name = ''
        this.equipDataTable.data.condition.equip_status = ''
        this.equipDataTable.data.condition.model = ''
        this.equipDataTable.data.condition.type = ''
        this.equipDataTable.data.condition.brand = ''
        this.equipDataTable.data.condition.operation_mode = ''
        this.equipDataTable.data.condition.work_level = ''
        this.equipDataTable.data.condition.rated_weight_type = ''
        this.equipDataTable.data.condition.rated_weight = ''
        this.equipDataTable.data.condition.span_type = ''
        this.equipDataTable.data.condition.span = ''
        this.equipDataTable.data.condition.big_car_track_length_type = ''
        this.equipDataTable.data.condition.big_car_track_length = ''
        this.equipDataTable.data.condition.whole_rated_power_type = ''
        this.equipDataTable.data.condition.whole_rated_power = ''
        this.equipDataTable.data.condition.lifting_height_type = ''
        this.equipDataTable.data.condition.lifting_height = ''
        this.equipDataTable.data.condition.big_car_track_model = ''
        this.equipDataTable.data.condition.produce_date_begin = ''
        this.equipDataTable.data.condition.produce_date_end = ''
        this.equipDataTable.data.condition.delivery_time_begin = ''
        this.equipDataTable.data.condition.delivery_time_end = ''
        this.equipDataTable.data.condition.next_annual_trial_begin = ''
        this.equipDataTable.data.condition.next_annual_trial_end = ''
        this.equipDataTable.data.condition.install_position = ''
        this.equipDataTable.data.condition.customer_name = ''
        this.equipDataTable.data.condition.workshop = ''
        this.equipDataTable.data.condition.manufacturer = ''
        this.equipDataTable.data.condition.industry_type = ''
        axios.post('/equipmanage/v2', this.equipDataTable, {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }).then((res) => {
          this.tableData = res.data.data.items
          this.total = parseInt(res.data.data.page.total)
          // console.log(this.tableData)
          console.log(this.tableData)
        })
          .catch(function(error) {
            console.log(error)
          })
      },
      // 行业类别获取
      industryType() {
        axios.post('/basicdata', this.industryTypeData, {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }).then((res) => {
          let oGet = []
          for (let i = 0; i < res.data.datas.length; i++) {
            res.data.datas[i]['fatherFor'] = '服务行业'
            oGet = res.data.datas
          }
          let oIndType = { label: '服务行业', children: [] }
          oIndType.children = oGet
          this.group.push(oIndType)
          console.log(res)
          console.log(oIndType)
          console.log(this.group)
        })
          .catch((error) => {
            console.log(error)
          })
      }
    }
  }
</script>

<style scoped>
  /*********初始化*********/
  .tableTitle{
    height: 40px;
  }
  .clearFix:after{
    content: '';
    display: block;
    clear: both;
  }
  /*************分页*************/
  /deep/ .el-table__header > thead > tr > th:nth-child(1) > .cell > .el-checkbox{
    display: none;
  }
  /deep/ .el-pagination.is-background .el-pager li:not(.disabled):hover{
    color: #0072F3;
  }
  /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color: #0072F3;
    color: #fff;
  }
  /deep/ .el-pagination .el-select .el-input .el-input__inner{
    height: 24px;
  }
  /***********表格整体************/
  .btnLeft{
    margin: 8px 0 0 10px;
    float: left;
  }
  .pageRight{
    margin-top: 8px;
    float: right;
  }
  /deep/ .el-table th{
    background: #F7F8F9;
    border-bottom: none;
    border-right: none;
  }
  /deep/ .el-table--border{
    border: none;
  }
  .topBtn{
    width: 80px;
    height: 24px;
    padding: 6px 12px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    outline: none;
    border: none;
    vertical-align: top;
    font-size: 14px;
  }
  /deep/ .el-table tr{
    cursor: pointer;
  }
  /deep/ .el-table td{
    border-bottom: none;
    border-right: none;
    padding: 10px 0;
  }
  /deep/ .el-table .caret-wrapper{
    height: 30px;
  }
  /deep/ .el-table .sort-caret.ascending{
    top: 3px;
  }
  /deep/ .el-table .sort-caret.descending{
    bottom: 4px;
  }
  /***********备注&状态样式***********/
  .statusLevel{
    display: inline-block;
    width: 36px;
    height: 24px;
    text-align: center;
    /*background-color: red;*/
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
  }
  /deep/ .remarkInput > .el-input__inner{
    height: 24px;
    padding: 0 10px;
  }
  /***************下拉样式******************/
  /deep/ .hsy-dropdown{
    width: 70px !important;
    line-height: 24px;
  }
  /deep/ .hsy-dropdown>.selected{
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 10px;
    cursor: pointer;
    text-align: left;
    background: url('../../../assets/equipv2/dropdown.png') no-repeat right center;
    background-position: 48px center, center center !important;
    background-color: #0072F3;
    border: none;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
  }
  /deep/ .group > h3{
    margin-top: 5px;
    color: #0072F3;
    margin-bottom: 0;
    font-weight:400
  }
  /deep/ .hsy-dropdown .group .item{
    background-color: #F7F8F9;
  }
  /deep/ .hsy-dropdown > .list {
    width: 185px !important;
  }
  /deep/ .focusBtn{
    width: 70px;
    height: 24px;
    padding: 4px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /**********弹出textarea样式**********/
  /deep/ .el-textarea__inner{
    min-height: 140px !important;
  }
</style>
